

$(document).ready(function(){
    var $key=0;/*播放下一张图片*/
    $(".cir ul li").click(function(event) {
        $(".banner ul li").eq($key).fadeOut(1000);
        $key=$(this).index();
        $(this).addClass('current').siblings().removeClass('current');
        $(".banner ul li").eq($key).fadeIn(1000);
        
    });
     /*定时器开始*/
     var timer=setInterval(autoplay, 1500);
     function autoplay(){
         $(".banner ul li").eq($key).fadeOut(1000); /*第一张图片淡出，其余图片淡入后再淡出*/
         $key++; /*循环至下一张*/
       /*  if($key>4){ 判断是否至最后一张如果到最后一张图时，又回到第一张
            $key=0;
         }*/
         $key=$key%($(".banner ul li").length);
         $(".banner ul li").eq($key).fadeIn(1000); /*后面的图片一一淡入*/
         $(".cir ul li").eq($key).addClass('current').siblings().removeClass('current');
        /* 点击按钮就开始添加一个类，他的兄弟移除这个类。之后跳转到下一张图时就跳至下一个类*/
     }
});